@charset "utf-8";
/* CSS Document */
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ol,ul,li{ list-style:none;padding: 0;}
body{ font-size:16px; color:#222222; line-height:24px; margin:0px auto; padding:0px;  font-family:"Microsoft YaHei"; max-width: 1920px;}
i{font-style:normal;}
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#222222; font-family:"Microsoft YaHei";}
a:hover{ color:#ff0000; text-decoration:underline; font-family:"Microsoft YaHei";text-decoration:none; }
em{font-style:normal}
h1,h2,h3,h4{font-weight:normal;}
.fl{float: left;}
.fr{float: right;}
@font-face {
	font-family: 'BebasNeue';
	src:url('../font/BebasNeue-Regular-3.ttf');
}
@font-face {
	font-family: 'BEBAS';
	src:url('../font/BEBAS.TTF');
}
@font-face {
	font-family: 'akrobat';
	src:url('../font/akrobat-black.otf');
}
.w1400{max-width: 1400px;width: 100%;margin:0 auto;}
.w1600{max-width: 1600px;width: 100%;margin:0 auto;}
/*网站头部*/

header{position: fixed;top: 0;width:100%;z-index:999;}
header.xg{
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}
.top_dg .w1600{margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
/* align-items: center; */
}
.top_left{float: left;line-height: 100px;}
.top_left img{height:auto;}
.top_left .logo_nav_h{display: none;}

.top_nav{float:right;}
.top_nav ul{
display: flex;
align-items: center;
justify-content: space-between;
}
.top_nav ul li{float: left;padding-right:70px;line-height:80px;position: relative;}
.top_nav ul li a{color:#fff;font-size:16px;text-transform: uppercase;font-family:"Microsoft YaHei";position: relative;display: block;}
.nav_hover a{color:#fff !important;}
.top_nav ul li:hover a{color:#fff !important;}
header .top_nav ul li a::after{
	content: "";
	position: absolute;
	bottom:10px;
	border-radius: 100%;
	left: 45%;
	height: 6px;
	background:#fff;
	width: 6px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
header .nav_hover a::after{
	content: "";
	position: absolute;
	bottom:10px;
	border-radius: 100%;
	left: 45%;
	height: 6px;
	background:#fff;
	width: 6px;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
header .top_nav ul li a:hover::after{
	content: "";
	position: absolute;
	bottom:10px;
	border-radius: 100%;
	left: 45%;
	height: 6px;
	background: #fff;
	width: 6px;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
header .searchBtn dd{color:#333 !important;}

.top_nav .subnav{background:#fff;top:-1000px;left: 32%;width:100%;-webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;transform: translateX(-50%);width: 180px;
  opacity: 0;box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1);position: absolute;display: none;}
.top_nav .subnav ul{max-width:1600px;width: 100%;margin: 0 auto;display: flex; flex-wrap: wrap;justify-content: center;}
.top_nav ul li:hover .subnav{ visibility: visible;
  opacity: 1;top: calc(100%);z-index: 99;display: block;}
.top_nav .subnav li{padding:0 0px;text-align: center; position: relative;width:auto;border-right:none;line-height: 60px;background: none;
    border-bottom: solid 1px #f3f3f3;width: 100%;
}
.top_nav .subnav li .subnav_a{color: #333 !important;font-size: 15px;display: flex;align-items: center;justify-content: center;}
.top_nav .subnav li:nth-child(1) .subnav_a{border-left: none;}
.top_nav .subnav li:hover{background:#950000;}
.top_nav .subnav li .subnav_a:hover{color:#fff !important;}
.top_nav .subnav li .subnav_a img{padding-right:10px;}
.top_nav ul li .subnav ul li a::after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 3px;
	background:#950000;
	width: 100%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
header .top_nav ul li .subnav ul li a:hover::after{
	content: "";
	position: 950000;
	bottom: -15px;
	left: 0;
	height: 3px;
	background:#519d9e;
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
header.xg .top_nav ul li a{
	color: #222;
}
header.xg .top_nav ul li.nav_hover a{
	color: #000 !important;
}
header.xg .top_nav ul li:hover a{color:#000 !important;}
header.xg .top_nav ul li a::after{background:#222;}
header.xg .top_nav ul li .subnav a::after{
    background:#fff;
}

.searchBtn{height:80px;background: url(../images/icon_03.png) no-repeat center;cursor: pointer;position: relative; z-index:999;line-height: 80px;}
header.xg .searchBtn{
	background: url(../images/icon_03_2.png) no-repeat center;
}
.searchBtn dd{font-size:16px;color: #ccc;width:24px;}
.searchBtn .search {transition: all 1s;position: absolute;right: -1000px;top: 10px;width: 610px;background: #fff;height: 74px;}
.searchBtn .search {overflow: hidden;width: 410px;height: 55px;border: 1px solid #e3e3e3;border-radius: 27px;}
.searchBtn .search #seachkeywords {height: 51px;margin: 2px 0 2px 18px;border: none;float: left;width:320px;color: #ccc;line-height: 51px;outline: none;font-size: 16px;}
.searchBtn .search .anSearch {float: right;height: 47px;width: 47px;margin:4px 5px 0 0;background: url(../images/icon_03_1.png) no-repeat center;border: none;}
.searchBtn:hover .search {right:0px;}
header.xg .nav_icon dd img{
	filter: invert(80%);
}
header.xg .nav_icon{
	color: #333;
}


.nav_icon{display: flex;justify-content: space-between;color: #fff;margin-right:16px;}
.nav_icon dd{margin-right:16px;display: flex;align-items: center;color: #fff;}
.nav_tel dd{color: #fff;font-family: arial;font-size: 17px;font-weight: 400;background: #950000;padding:8px 20px;border-radius:50px;}
.nav_tel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 30px;
}
.nav_tel dt{color: #fff;padding:0 20px;font-size: 14px;}

/* 导航下拉菜单 */
.slidBox{
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 1024px;
    height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: nowrap;
    z-index: 110;
    margin: 0 auto;
    padding: 0 18%;
    transition: all .5s ease;
    opacity: 0;
    box-sizing: border-box;
    top: 80px;
}
.leftBox{
    flex: 0 0 45%;
    overflow: hidden;
    max-width: 455px;
    margin: 46px 0px;
}
.right_img:hover .img100{
    transform: scale(1.1);
}
.right_img .img100{
    transition-duration: .5s;
    display: block;
    width: 100%;
}
.rightBox{
    flex: 0 0 40%;
    margin: 46px 0px;
}
.left_text .onetitle{
    font-size: 18px;
    line-height: 1.1;
    color: #333;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: bold;
    text-align: left;
}
.navSbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.navSli{
    flex: 0 0 50%;
}
.navSbox .navSlink{
        display: block;
    font-size: 14px;
    line-height: 45px;
    color: #666;
    transition-duration: .3s;
    padding: 0px 15px;
    margin: 10px 10px 0 0;
    border: 1px #efefef solid;
    border-radius: 0px;
    text-align: left;
    position: relative;
}
.navSbox .navSlink:before{
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 4px;
    height: 4px;
    background: #0049c0;
    position: relative;
    top: 20px;
}
.top_nav ul li:hover .slidBox { 
    height:auto; 
    opacity:1; 
    background:#fff url(../images/nav.jpg) no-repeat center bottom; 
    background-repeat: no-repeat; 
    background-position: bottom center; 
    border-top: 1px #efefef solid;
}
/* 导航下拉菜单 end*/

@media ( max-width:1030px) {
	.top_nav{display: none;}
	.sp_header{display: block;}
	.top_left{padding-left:20px;}
}
@media ( max-width:768px) {
 .top_dg{height:60px !important;}
 .sp_header{height: 60px !important;}
 .top_left{padding: 0;}
 #ups-banner{margin-top:60px !important;}
 .sp_nav{margin-top:20px !important;transform: scale(0.79);margin-right: 20px;}
 .top_left img{height:40px;padding:15px 0;}
 .top_left{padding-left:20px;}
}
@media ( max-width:375px) {
 .top_dg{height:60px !important;}
 .sp_header{height: 60px !important;}
 .top_left{padding: 0;}
 #ups-banner{margin-top:60px !important;}
 .sp_nav{margin-top:20px !important;transform: scale(0.79);margin-right: 20px;}
 .top_left img{height:40px;padding:15px 0;}
 .top_left{padding-left:20px;}
}

/*----手机站导航开始----------*/
.sp_header{overflow:hidden;z-index:999;display: flex;
    justify-content: center;
    align-items: center;display: none;}
.sp_nav{width:23px;position:relative;cursor:pointer;height:23px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;transition:all ease 0.35s;right: 0;border-radius:4px;}
.sp_nav span:nth-of-type(1){top:0px;width: 23px;}
.sp_nav span:nth-of-type(2){top:10px;width: 17px;}
.sp_nav span:nth-of-type(3){top:20px;width: 10px;}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);width: 23px;}
.sjj_nav{position:fixed;z-index:99;background:#0008;width:100%;height:calc(100% - 0px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0;}
.sjj_nav .sjj_nav_box{width: 40%;float: right;height: 100%;background: #fff;}
.sjj_nav .sjj_nav_box>ul{padding-top:100px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:60px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;text-transform: uppercase;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----手机站导航结束----------*/

/* banner */
.banNews{position: relative;}
.banNews h3{
	position: absolute;
	bottom: 22%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1380px;
	width: 100%;
	text-align: left;
	color: #fff;
	font-family: arial;
	font-size: 46px;
	text-transform: uppercase;
	font-weight: bold;
}
.banNews h3 dd{
	font-size: 32px;
	font-weight: 400;
}
#ups-banner {position: relative;}
#ups-banner .swiper-slide .img-fix img{
	width: 100%;
}
#ups-banner .swiper-banbutton-next,.swiper-banbutton-prev {
	width:64px;
	height:64px;
	float: left;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	opacity: 0.2;
}
#ups-banner .swiper-banbutton-prev {
	background: url(../images/icon_02.png) no-repeat center;
	position: absolute;
	left:5%;
}
#ups-banner .swiper-banbutton-next {
	background: url(../images/icon_04.png) no-repeat center;
	position: absolute;
	left:auto;
	right:5%;
}
#ups-banner .swiper-banbutton-next:hover,#ups-banner .swiper-banbutton-prev:hover{
	opacity: 0.8;
}
#ups-banner .innum_foot{
	position: absolute;
	bottom:60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}
.innum_foot .innum{display: flex;justify-content: space-around;
background: #fff;
padding:20px 0;
}
.innum_foot .innum li{
	display: flex;
	align-items: center;
}
.innum_foot .innum li h4{
	color: #950000;
	/* font-family: "akrobat"; */
	font-family: "arial";
	font-weight: bold;
	font-size: 44px;
	line-height: 44px;
	display: inline-flex;
}
.innum_foot .innum li dd{
	padding-top:3px;
	font-size: 18px;
	color: #333;
}
.innum_foot .innum li h4 i{
	font-size: 20px;
	font-weight: 400;
	padding-left: 5px;
}
.innum_foot .innum li img{
	margin-right: 20px;
}
/* banner end*/

/* 标题 */
.ind_title{
	text-align: center;
	padding-top:110px;
}
.ind_title h3{
	font-family:"akrobat";font-size:46px;color: #111111;line-height: 46px;text-transform: uppercase;
}
.ind_title h2{
	font-size: 42px;line-height: 42px;color: #111;padding-top: 20px;
}
.ind_title dd{
	font-size: 22px;
	color: #666;
	padding-top: 30px;
}
/* 标题 end*/
/* 产品中心 */
.ind_pro{
	background: #f2f7fb;
}
.mySwiperpro{
	border-top: solid 1px #e5e5e5;
	margin-top:60px;
}
.mySwiperpro .swiper-slide {
	width: 70%;
	border-right: solid 1px #e3ebf1;
}
.mySwiperpro .swiper-slide-next{
	opacity: 0.2;
}
.mySwiperpro .swiper-slide dl{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	max-width: 380px;
}
.mySwiperpro .swiper-slide dl>img{
    max-height: 60px;
}
.mySwiperpro .swiper-slide dl h2{
	font-size: 42px;
	line-height: 42px;
	color: #212121;
	padding:25px 0;
	font-weight: bold;
}
.mySwiperpro .swiper-slide dl p{
	font-size: 18px;
	color: #666;
	line-height:28px;
}
.mySwiperpro .swiper-slide dl dt{
	font-size: 26px;
	color: #333;
	font-weight: bold;
	margin:45px 0 25px;
}
.mySwiperpro .swiper-slide dl dd{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.mySwiperpro .swiper-slide dl dd span{
	font-size: 16px;
	color: #fff;
	background: #f93c06;
	display: flex;
	align-items: center;
	padding:6px 10px;
	border-radius: 20px;
	margin:0 6px 7px 0;
}
.mySwiperpro .swiper-slide dl dd span i{
	font-size:12px;
	margin-right:8px;
}
.mySwiperpro .swiper-slide>a>img{
	margin-left:20%;
	max-width: 790px;
}
.mySwiperpro .swiper-slide dl dd span:nth-child(2){
	background: #fe9544;
}
.mySwiperpro .swiper-slide dl dd span:nth-child(3){
	background: #40ac97;
}
.mySwiperpro .swiper-slide dl dd span:nth-child(4){
	background: #3c56cf;
}
.mySwiperpro .swiper-slide dl a{
	display: inline-block;
	background: #212121;
	color: #fff;
	font-size: 16px;
	padding:12px 35px;
	border-radius: 50px;
	margin-top:60px;
}
.mySwiperpro .swiper-slide dl a img{
	padding-left: 10px;
}
.ind_pro_page{
	position: absolute;
	top: 40%;
	z-index: 9;
	left:70%;
	transform: translateX(-24px);
}
.swiper-probutton-prev{
	top: 50%;
}

/* 产品中心 end*/

/* 优势 */
.ind_classification_box{
	margin-top: 60px;
}
.ind_classification_box ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ind_classification_box ul li{
	width: 21%;
	background: -moz-linear-gradient(top, #e2e6ea 0%, #d1dae3 100%);
	background: -webkit-linear-gradient(top, #e2e6ea 0%, #d1dae3 100%);
	background: -o-linear-gradient(top, #e2e6ea 0%, #d1dae3 100%);
	background: -ms-linear-gradient(top, #e2e6ea 0%, #d1dae3 100%);
	background: linear-gradient(to top, #e2e6ea 0%, #d1dae3 10);
	overflow: hidden;
	border-radius: 10px;
	text-align: center;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.ind_classification_box ul li.on{
	width: 34%;
	overflow: initial;
	background: -moz-linear-gradient(top, #b6bfcd 0%, #dde1e6 100%);
	background: -webkit-linear-gradient(top, #b6bfcd 0%, #dde1e6 100%);
	background: -o-linear-gradient(top, #b6bfcd 0%, #dde1e6 100%);
	background: -ms-linear-gradient(top, #b6bfcd 0%, #dde1e6 100%);
	background: linear-gradient(to top, #b6bfcd 0%, #dde1e6 10);
}
.ind_classification_box ul li h3{
	font-size: 26px;
	color: #333;
	padding-top:66px;
	padding-bottom:20px;
}
.ind_classification_box ul li img.ind_classification_img{display: none;}
.ind_classification_box ul li.on img.ind_classification_img{display: block;margin: 0 auto 10px;}
.ind_classification_box ul li.on img.ind_classification_img01{
	max-width: 100%;
	margin-bottom: -50px;
}
.ind_classification_box ul li.on h3{
	color: #000000;
}
/* 优势 end*/

/* 流程 */
.ind_flowpath_box{
	display: flex;
	justify-content: space-between;
	margin-top:60px;
}
.ind_flowpath .ind_flowpath_box dl{
	width: 24%;
	overflow: hidden;
	position: relative;
}
.ind_flowpath .ind_flowpath_box dl dt{
	font-size: 30px;
	color: #000011;
	display: flex;
	font-weight: bold;
	align-items: center;
	padding-bottom: 16px;
}
.ind_flowpath .ind_flowpath_box dl dt img{
	padding-left: 18px;
	opacity: 0;
}
.ind_flowpath .ind_flowpath_box dl.on dt img{
	opacity: 1;
}
.ind_flowpath .ind_flowpath_box dl dd{
	font-size: 16px;
	color: #888888;
	line-height: 26px;
}
.ind_flowpath .ind_flowpath_box dl>img{
	width: 100%;
}
.ind_flowpath .ind_flowpath_box dl div{
	background: #f6f6f6;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 94%;
	padding: 25px;
	box-sizing: border-box;
	height: 50%;
	max-height: 230px;
}
.ind_flowpath .ind_flowpath_box dl.on div{
  background:#950000;
}
.ind_flowpath .ind_flowpath_box dl.on dt,.ind_flowpath .ind_flowpath_box dl.on dd{
	color: #fff;
}
/* 流程 end*/

/* 案例 */
.ind_album{
	background: url(../images/cases01.jpg)no-repeat center center;
	background-attachment: fixed;
	margin-top:80px;
	padding-bottom: 130px;
}
.ind_album .ind_title h3,.ind_album .ind_title h2{
	color: #fff;
}
.inab-slier{
	overflow: hidden;
}
.inab-line{
	display: flex;
	justify-content: center;
	margin:75px auto 50px;
}
.inab-line li a{
	font-size: 26px;
	color: #a4a4a4;
	padding:0 20px;
}
.inab-line li.cur a{
	color: #fff;
}
.inab-img .swiper-slide{
	border: solid 2px #950000;
	max-height: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.inab-img .swiper-slide img{
	width: 100%;
}
/* 案例 end*/

/* 关于我们 */
.ind_about_box{
	background: #f2f7fb;
	padding:120px 0 100px;
	margin-top: 80px;
}
.ind_about{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ind_about_fl{
	width: 46%;
}
.ind_about_fl h3{
	font-family:"akrobat";font-size:46px;color: #111111;line-height: 46px;text-transform: uppercase;
}
.ind_about_fl h2{
	font-size: 42px;line-height: 42px;color: #111;padding-top: 20px;
}
.ind_about_fl dt{
	font-size: 22px;line-height: 36px;color: #cc0000;
	padding:45px 0;
}
.ind_about_fl dd{
	font-size: 16px;line-height: 30px;color: #333;
}
.ind_about_fl a{
	display: inline-block;
	background: #950000;
	color: #fff;
	font-size: 16px;
	padding:12px 35px;
	border-radius: 50px;
	margin-top:60px;
}
.ind_about_fl a img{
	padding-left: 10px;
}
.ind_about_fr{
	width: 50%;
}
.ind_about_fr img{
	width: 100%;
}
/* 关于我们 end*/

.ind_workshop_box{
	text-align: center;
	margin-top: 40px;
}
.ind_workshop_box img{
	max-width: 100%;
}
.ind_workshop{
	margin-bottom:80px;
}

/* 隔断 */
.ind_gg{
	background:#f2f7fb;
	padding:70px 0px 0px;
}
.ind_gg .w1600{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	position: relative;
	align-items: center;
}
.ind_gg_box dl{
	width: 32%;
	background: #fff;
	padding:40px 50px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0 2px 20px 0 rgba(51,62,76,0.08);
}
.ind_gg_box dl dt{
	font-size: 30px;
	color: #333;
	font-weight: bold;
	padding-top:16px;
}
.ind_gg_box dl dd{
	padding-top: 20px;
	font-size: 16px;
	color: #333;
	line-height:26px;
}
.ind_gg_foot{
	padding:60px 0;
}
.ind_gg_foot dl{
	text-align: right;
}
.ind_gg_foot dl dt{
	font-size: 42px;
	font-weight: bold;
	color: #111;
	line-height: 42px;
}
.ind_gg_foot dl dd{
	font-size: 22px;
	color: #666;
	padding: 30px 0 70px;
}
.ind_gg_foot dl h3{
	font-size: 30px;
	color: #950000;
	font-weight: bold;
}
.ind_gg_foot dl a{
	display: inline-flex;
	background: #950000;
	color: #fff;
	font-size: 16px;
	padding: 12px 35px;
	border-radius: 5px;
	margin-top: 40px;
	line-height: 30px;
}
.ind_gg_foot dl a img{
	padding-left: 40px;
}
/* 隔断 end*/

/*优势*/
.case_box .category{background: #fff;position: relative;padding:80px 0 50px;}
.case_box .category ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	max-width: 1600px;
	margin:0 auto;
}
.case_box .category ul li {
	padding:0 3%;
	display: flex;
	position: relative;
	justify-content: center;
}
.case_box .category ul li a{
	color:#323232;
	font-size:26px;
	display: block;
	background-size: contain !important;
}
.case_box .category ul li a p{font-size: 18px;color: #666;font-family: arial;font-style: italic;}
.case_box .category ul li.active a{border-left: none;color: #cc0000;}

.case_box .content01 .cont01 {
	display: none;
	background:#f1f1f1;
}
.case_box .content01 .cont01.active {
	display: flex;
	align-items: center;
}
.case_box .content01 .cont01 .bg{float: left;width:50%;}
.case_box .content01 .cont01 .info {float: left;width:50%;max-width: 700px;}
.case_box .content01 .cont01 .info .title{padding-left:65px;}
.case_box .content01 .cont01 .info .title h4 {
	font-size: 40px;
	line-height: 40px;
	color: #111111;
	font-weight: bold;
}
.case_box .content01 .cont01 .info p {
	font-size: 20px;
	color: #666;
	padding-top: 35px;
	line-height: 30px;
}
.case_box .content01 .cont01 .info dl{margin-top:26px;}
.case_box .content01 .cont01 .info dl dd{font-size:16px;line-height:40px;position: relative;margin-top:15px;display: flex;align-items: center;justify-content: space-between;}
.case_box .content01 .cont01 .info dl dd span{
	font-size: 18px;
	color: #fff;
	background: #e74d2c;
	border-radius: 20px 0 0 20px;
	display: inline-block;
	width: 12%;
	text-align: center;
}
.case_box .content01 .cont01 .info dl dd a{
	line-height: 20px;
	width: 86%;
}
.case_box .content01 .cont01 .info dl dd:nth-child(2) span{
	background: #3aa2d4;
}
.case_box .content01 .cont01 .info dl dd:nth-child(3) span{
	background: #e79031;
}
.case_box .content01 .cont01 .info .title>a{
	display: inline-block;
	background: #212121;
	color: #fff;
	font-size: 16px;
	padding:12px 35px;
	border-radius: 50px;
	margin-top:50px;
}
.case_box .content01 .cont01 .info .title>a img{
	padding-left: 10px;
}
/* 优势 end */

/* 合作客户 */
.ind_hzkh{
	margin-top: 60px;text-align: center;
}
.ind_hzkh ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ind_hzkh ul li{
	border: solid 1px #e5e5e5;
	display: block;
	margin-bottom: 20px;
	width:18.5%;
}
.ind_hzkh ul li img{
	width: 100%;
}
.ind_hzkh a{
	display: inline-block;
	background: #950000;
	color: #fff;
	font-size: 16px;
	padding:12px 35px;
	border-radius: 50px;
	margin-top:50px;
}
.ind_hzkh a img{
	padding-left: 10px;
}
/* 合作客户 end*/

/* 新闻板块 */
.ind_news{
	background: #f2f7fb url(../images/news.png)no-repeat center bottom;
	margin-top: 0px;
	padding-bottom: 140px;
}
.ind_news_box{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.ind_news_box .swiper-container-news{
	width: 50%;
	overflow: hidden;
	position:relative;
}
.ind_news_box .swiper-container-news .swiper-slide dl{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 50px;
	color: #fff;
    width: 100%;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);
}
.ind_news_box .swiper-container-news .swiper-slide dl dt{
	font-size: 26px;
	padding-bottom: 30px;
}
.ind_news_box .swiper-container-news .swiper-slide dl dd{
	font-size: 15px;
}
.ind_news_box .swiper-container-news .swiper-pagination-news{
	position: absolute;
	right: 50px;
	bottom: 30px;
	z-index: 9;
	left: auto;
	width: auto;
}
.ind_news_box .swiper-container-news .swiper-pagination-news .swiper-pagination-bullet{
	background: #fff;
	opacity: 0.3;
}
.ind_news_box .swiper-container-news .swiper-pagination-news .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}

.ind_news_fr{
	width: 48%;
	background: #fff;
}
.ind_news_fr ul{
	padding:0 45px;
}
.ind_news_fr li{
	line-height: 90px;
	border-bottom: solid 1px #eeeeee;
}
.ind_news_fr li a{
	display: flex;
	justify-content: space-between;
}
.ind_news_fr li a dd{
	font-size: 18px;
	color: #333;
}
.ind_news_fr li a span{
	font-size: 16px;
	color: #999;
	font-family: arial;
}
.ind_news_fr li:hover a dd{
	color: #950000;
}
/* 新闻板块 end*/

/* 底部 */
.ind_foot{
	background:#1b1b1b;overflow: hidden;
}

.ind_foot_box{
	display: flex;
	justify-content: space-between;
	padding: 60px 0 40px;
}
.ind_foot_box dl.ind_foot_box_tel{
	width: auto;
}
.ind_foot_box dl.ind_foot_box_tel dt{
	margin-top: 35px;
	font-size: 18px;
	color: #fff;
}
.ind_foot_box dl.ind_foot_box_tel h3{
	font-size: 36px;
	color: #ffffff;
	font-family: "akrobat";
	font-weight: bold;
	line-height: 36px;
	padding:6px 0 0px;
}
.ind_foot_box_nav{
	display: flex;
	justify-content:space-between;
	width: 50%;
}
.ind_foot_box_nav ul h4{
	font-size: 18px;
	color: #fff;
	padding-bottom:16px;
}
.ind_foot_box_nav ul li a{
	color: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	line-height: 45px;
	display: block;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.ind_foot_box_nav ul li a:hover{
	transform: translateX(5px);
	color: #cc0000;
}
.ind_foot_box_fr dl{margin-bottom:26px;}
.ind_foot_box_fr dl dt{color: #fff;font-size: 18px;padding-bottom:10px;}
.ind_foot_box_fr dl dd{font-size: 15px;color: #676767;}
.ind_foot_bottom{
	background:#1b1b1b;
}
.ind_foot_bottom .w1500{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 80px;
}
.ind_foot_bottom dl{
	display: flex;
	justify-content: flex-start;
}
.ind_foot_bottom dl dd{
	padding-right:20px;
}
.ind_foot_bottom_a dl dd,.ind_foot_bottom_a dl dd a{
	color: #fff;
	font-size: 15px;
}
.ind_foot_bottom p{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ind_foot_bottom p a{
	padding-left:20px;display: inline-block;color: #676767;font-size: 15px;
}
.ind_foot_bottom_xml{
	border-top: solid 1px #434343;
	display: flex;
	justify-content: space-between;
	line-height: 130px;
	color: #676767;
}
.ind_foot_bottom_a dd{
	color: rgba(255, 255, 255, 1);
	padding-bottom: 30px;
}
.ind_foot_bottom_a dd a{
	color: rgba(255, 255, 255, 0.5);
	padding-right:20px;
}
/* 底部 end*/

@media ( max-width:1480px) {
.w1600{width: 95%;}
.ind_flowpath .ind_flowpath_box dl div{
	height: 100%;
	max-height: 280px;
}
.ind_about_fl h2{
	font-size: 38px;
}
.ind_gg .w1600{
	align-items: stretch;
}
.ind_gg_foot img{
	width: 40%;
}
.ind_foot_box_nav{
	width: 40%;
}
.ind_foot_box_nav ul:nth-child(5){
	display: none;
}
}
@media ( max-width:1280px) {
.top_nav ul li{
	padding-right: 40px;
}
.ind_flowpath .ind_flowpath_box dl dt{
	font-size: 22px;
}
.ind_flowpath .ind_flowpath_box dl dd{
	font-size: 14px;
}
.ind_about_fl h2 {
    font-size: 34px;
}
.case_box .content01 .cont01 .info .title h4 {
    font-size: 32px;
}
.case_box .content01 .cont01 .info p {
    font-size: 18px;
    padding-top: 20px;
}
.case_box .content01 .cont01 .info .title>a{
	font-size: 14px;
	padding: 10px 30px;
	margin-top: 30px;
}
.nav_tel{
	margin-right: 20px;
}
#ups-banner .innum_foot{
	bottom: -60px;
}
.mySwiperpro .swiper-slide>img {
    margin-left: 34%;
    width: 64%;
}
.mySwiperpro .swiper-slide dl h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 10px 0;
}
.mySwiperpro .swiper-slide dl>img{
	width: 70px;
}
.mySwiperpro .swiper-slide dl dd span{
	font-size: 16px;
}
.mySwiperpro .swiper-slide dl a{
	margin-top: 40px;
}
.ind_gg_foot dl dd{
	font-size: 20px;
}
.ind_foot_box_nav ul:nth-child(4) {
    display: none;
}
}
@media ( max-width:780px) {
.w1600{
	width: 100%;
}
.sp_header{
	display: block;
}
.top_dg{
	background: #fff;
}
.innum_foot .innum{
	flex-wrap: wrap;
	justify-content: space-between;
	width:96%;
	margin: 0 auto;
}
#ups-banner .innum_foot{
	position: inherit;bottom: 0px;
}
#ups-banner .swiper-banbutton-next,#ups-banner .swiper-banbutton-prev{
	background-size: 40px;
}
.innum_foot .innum li h4{
	font-size: 26px;
	line-height: 26px;
}
.innum_foot .innum li dd{
	font-size: 14px;
}
.innum_foot .innum li{
	width: 50%;margin-bottom: 20px;
}
.innum_foot .innum li img{
	width: 50px;
	margin-right: 10px;
}
.innum_foot .innum{
	padding-bottom: 0;
}
.ind_title {
    padding-top: 30px;
	width: 96%;
	margin: 0 auto;
}
.ind_title h3 {
    font-size: 30px;
    line-height: 30px;
}
.ind_title h2 {
    font-size: 22px;
    line-height: 22px;
    padding-top: 10px;
}
.mySwiperpro {
    margin-top: 20px;
}
.mySwiperpro .swiper-slide{
	width: 100%;
}
.mySwiperpro .swiper-slide dl{
	position: initial;
	transform: translateY(0%);
	padding-top: 40px;
}
.mySwiperpro .swiper-slide>img{
	margin-left: 0;
	width: 100%;
}
.ind_pro .mySwiperpro.w1600{
	width: 96%;
}
.mySwiperpro .swiper-slide dl h2 {
    font-size: 22px;
    line-height: 22px;
    padding: 10px 0;
}
.mySwiperpro .swiper-slide dl>img {
    width: 45px;
}
.mySwiperpro .swiper-slide dl p {
    font-size: 15px;
}
.mySwiperpro .swiper-slide dl dt {
    font-size: 18px;
    margin: 18px 0 15px;
}
.ind_pro_page{
	top: 40px;
}
.ind_pro_page img{
	width: 40px;
}
.swiper-probutton-prev{top: 40px;left:86%;}
.mySwiperpro .swiper-slide dl a{
	font-size: 14px;
}
.ind_title dd {
    font-size: 16px;
    padding-top: 15px;
}
.ind_classification_box {
    margin-top: 30px;
}
.ind_classification_box ul li{
	width: 49%;
}
.ind_classification_box ul li.on{
	width: 49%;
}
.ind_classification_box ul li img.ind_classification_img01{
	width: 90%;
}
.ind_classification_box ul li h3 {
    font-size: 22px;
    padding-top: 40px;
    padding-bottom: 20px;
}
.ind_classification_box ul li img.ind_classification_img{
	display: block;
	margin: 0 auto 10px;
	width: 40px;
}
.ind_flowpath_box{
	flex-wrap: wrap;margin-top: 30px;
}
.ind_flowpath .ind_flowpath_box dl{
	width: 48%;
	margin-bottom:10px;
}
.ind_flowpath .ind_flowpath_box dl div{
	padding: 10px;
	position: initial;
	width: 100%;
}
.ind_flowpath .ind_flowpath_box dl dt{
	padding-bottom: 10px;
}
.ind_flowpath .ind_flowpath_box dl dd{
	line-height: 22px;
}
.ind_flowpath .ind_flowpath_box dl.on dt img{
	width: 30px;
}
.inab-line li a{
	font-size: 16px;
}
.inab-line{
	margin: 40px auto 20px;
}
.ind_album{
	margin-top: 30px;
	padding-bottom: 40px;
}
.ind_about{
	flex-wrap: wrap;
	width: 96%;
}
.ind_about_fl,.ind_about_fr{
	width: 100%;
}
.ind_about_fl h3 {
    font-size: 34px;
    line-height: 34px;
}
.ind_about_fl h2 {
    font-size: 20px;
    padding: 0;
}
.ind_about_fl dt {
    font-size: 16px;
    line-height: 29px;
    padding: 18px 0;
}
.ind_about_fl a {
    font-size: 14px;
    margin-top: 20px;
}
.ind_about_box {
    padding: 30px 0 30px;
    
}
.ind_about_fr img{
	margin-top:20px;
}
.ind_workshop {
    margin-bottom: 30px;
}
.ind_gg_box dl{
	width: 100%;margin-bottom:10px;padding: 20px;
}
.ind_gg .w1600{
	width: 96%;
}
.ind_gg_box dl dt {
    font-size: 22px;
    padding-top: 10px;
}
.ind_gg_box dl dd {
    padding-top: 10px;
}
.ind_gg {
    padding: 30px 0px 0px;
}
.ind_gg_foot>img {
    width: 100%;
}
.ind_gg_foot {
    padding: 30px 0;
}
.ind_gg_foot dl{
	margin-top:10px;
}
.ind_gg_foot dl dt {
    font-size: 28px;
    line-height: 28px;
}
.ind_gg_foot dl dd {
	font-size: 18px;
    padding: 30px 0 20px;
}
.ind_gg_foot dl h3 {
    font-size: 22px;
}
.case_box .category ul li a{
	font-size: 16px;
}
.case_box .category {
    padding: 20px 0;
}
.case_box .content01 .cont01 .bg {
    width: 100%;
}
.case_box .content01 .cont01.active{
	flex-wrap: wrap;
}
.case_box .content01 .cont01 .info {
    width: 100%;
}
.case_box .content01 .cont01 .info .title {
    padding-left: 10px;
}
.case_box .content01 .cont01 .info .title h4 {
    font-size: 26px;
    line-height: 26px;
    padding-top: 20px;
}
.case_box .content01 .cont01 .info p {
    font-size: 16px;
    padding-top: 10px;
}
.case_box .content01 .cont01 .info .title>a {
    margin-bottom: 20px;
}
.ind_hzkh ul li {
    width: 31.5%;
}
.ind_hzkh {
    margin-top: 20px;
}
.ind_hzkh a{
	margin-top: 0;
}
.ind_news {
    margin-top: 20px;padding-bottom: 60px;
}
.ind_news_box{
	margin-top: 30px;
	flex-wrap: wrap;
	width: 96%;
}
.ind_news_box .swiper-container-news{
	width: 100%;
}
.ind_news_box .swiper-container-news img{
	width: 100%;
}
.ind_news_box .swiper-container-news .swiper-slide dl dd{
	display: none;
}
.ind_news_box .swiper-container-news .swiper-slide dl{
	padding: 15px;
}
.ind_news_box .swiper-container-news .swiper-slide dl dt{
	font-size: 20px;
}
.ind_news_fr{
	width: 100%;
}
.ind_news_fr ul {
    padding: 0 15px;
}
.ind_news_fr li {
    line-height: 30px;
}
.ind_news_fr li a dd {
    font-size: 16px;
}
.ind_news_fr li a span{
	display: none;
}
.ind_foot_box_nav{
	display: none;
}
.ind_foot_box dl.ind_foot_box_tel{
	width: 100%;
}
.ind_foot_box,.ind_foot_bottom_a{
	    flex-wrap: wrap;
		width: 90%;
}
.ind_foot_bottom_xml {
	display: none;
}
.mySwiperpro .swiper-slide>a>img{
    width: 100%;
    margin-left: 0;
}
.ind_news_fr li a{
    line-height: 40px;
}
.nav_hover a{
    color: #950000 !important;
}
.inmenu li a{
        padding: 10px 20px !important;
}
.banNews img{
    width: 100%;
    margin-top: 60px;
}
.banNews h3{
    display: none;
}
}
@media ( max-width:420px) {

}